<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>消息中心</title>
		<link rel="stylesheet" type="text/css" href="./css/public.css"/>
		<link rel="stylesheet" type="text/css" href="./css/notice.css"/>
	</head>
	<body>
		<%- include('./header.html')%>
		<div class="center-main">
			<%- include('./side.html')%>
			<div class="main">
				<div class="tit">
					<h2>网校公告</h2>
				</div>
				<div class="tools">
					<p>共<span>3</span>条公告</p>
					<ul>
						<li><a href="javascript:;"><img src="img/notice_icon01.png">清空</a></li>
						<li><a href="javascript:;"><img src="img/notice_icon01.png">刷新</a></li>
						<li><a href="javascript:;"><img src="img/notice_icon01.png">全部</a></li>
						<li><a href="javascript:;">最近7天</a></li>
					</ul>
				</div>
				<div class="item-wrap">
					<div class="item">
						<div class="item-tit">积分通知（勋章）<span>2020-08-12 10:21:12</span></div>
						<div class="item-con clearfix">
							<p>您通过获得”初出茅庐勋章“奖励10积分，赶快去看看吧。通过获得”初出茅庐勋章“奖励10积分，赶快去看看吧。通过获得”初出茅庐勋,赶快去看看吧。通过获得”初出茅庐勋</p>
							<a href="#" target="_blank">查看详情</a>
						</div>
						<a class="item-close" href="javascript:;">×</a>
					</div>
					<div class="item">
						<div class="item-tit">积分通知（勋章）<span>2020-08-12 10:21:12</span></div>
						<div class="item-con clearfix">
							<p>您通过获得”初出茅庐勋章“奖励10积分</p>
							<a href="#" target="_blank">查看详情</a>
						</div>
						<a class="item-close" href="javascript:;">×</a>
					</div>
					<div class="item item-sign">
						<div class="item-tit">积分通知（勋章）<span>2020-08-12 10:21:12</span></div>
						<div class="item-con clearfix">
							<p>您通过获得”初出茅庐勋章“奖励10积分</p>
							<a href="#" target="_blank">查看详情</a>
						</div>
						<a class="item-close" href="javascript:;">×</a>
					</div>
				</div>
				
		
			</div>
		</div>
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script>
		$(".tools-nav li").click(function(){
			var index = $(this).index();
			$(this).addClass("on").siblings().removeClass("on");
			$(".list-wrap .list-container").eq(index).show().siblings().hide();
		})
		
		$(".list-item h2").click(function(){
			$(".list-item").toggleClass("list-item-on");
		})
	</script>
	</body>
</html>
